function GetNATReportNowChar() {

	var reportOutMenu = new Ext.menu.Menu({
        id: 'reportOutMenu',
        style: {
            overflow: 'visible'     // For the Combo popup
        },
        items: [
        	{
						text : '导出到excel',
						tooltip : '导出到excel',
						handler : function() {
						}
					},{
						text : '导出到pdf',
						tooltip : '导出到pdf',
						handler : function() {
						}
					}
        ]
    });

	 var store1 = new Ext.data.JsonStore({
        fields: [{name: 'check'},{name: 'x'},{name: 'y'},{name: 'z',type: 'int'}],
        data: [
        {check: '设备1',x: 5,y:5,z:10},
        {check: '设备2',x: 3,y:7,z:10},
        {check: '设备3',x: 4,y:6,z:10},
        {check: '设备4',x: 5,y:5,z:10},
        {check: '设备5',x: 6,y:4,z:10}
        ]
    })
	var myData = [
			['1', "2011-11-01 12:00:00", "192.168.0.1",'1124','192.168.1.1','2546','192.168.2.1','2654','TCP'],
			['2', "2011-11-01 12:00:00", "192.168.0.1",'1124','192.168.1.1','2546','192.168.2.1','2654','TCP'],
			['3', "2011-11-01 12:00:00", "192.168.0.1",'1124','192.168.1.1','2546','192.168.2.1','2654','TCP'],
			['4', "2011-11-01 12:00:00", "192.168.0.1",'1124','192.168.1.1','2546','192.168.2.1','2654','UDP'],
			['5', "2011-11-01 12:00:00", "192.168.0.1",'1124','192.168.1.1','2546','192.168.2.1','2654','TCP']

	];


	var store = new Ext.data.ArrayStore({
				fields : [{
							name : 'id'
						}, {
							name : 'starttime'
						}, {
							name : 'srcip'
						}, {
							name : 'srcport'
						}, {
							name : 'natip'
						}, {
							name : 'natport'
						}, {
							name : 'destip'
						}, {
							name : 'destport'
						}, {
							name : 'protocol'
						}]
			});
			
	store.loadData(myData);
	
	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.GridPanel({
				store : store,
				columns : [sm, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '开始时间',
							width : 150,
							sortable : true,
							dataIndex : 'starttime'
						}, {
							header : '源IP',
							width : 70,
							sortable : true,
							dataIndex : 'srcip'
						}, {
							header : '源端口',
							width : 70,
							sortable : true,
							dataIndex : 'srcport'
						}, {
							header : 'NAT IP',
							width : 70,
							sortable : true,
							dataIndex : 'natip'
						}, {
							header : 'NAT端口',
							width : 70,
							sortable : true,
							dataIndex : 'natport'
						}, {
							header : '目的IP',
							width : 70,
							sortable : true,
							dataIndex : 'destip'
						}, {
							header : '目的端口',
							width : 70,
							sortable : true,
							dataIndex : 'destport'
						}, {
							header : '协议',
							width : 70,
							sortable : true,
							dataIndex : 'protocol'
						}],
				sm : sm,
			
				
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				stateId : 'natnowgrid'
			});
		
	var centerPanel = new Ext.Panel({

        region : 'center',
        layout : 'border',
        tbar : [
						'开始日期:',
						{
									xtype: 'datefield',
									name: 'start_date1',
									id: 'start_date1',
									width : 70
						},
						'源IP:',
						{xtype: 'textfield',width : 70},'-',
						'源端口:',
						{xtype: 'textfield',width : 70},'-',
						'NAT IP:',
						{xtype: 'textfield',width : 70},'-',
						'NAT 端口:',
						{xtype: 'textfield',width : 70},'-',
						'目的IP:',
						{xtype: 'textfield',width : 70},'-',
						'目的端口:',
						{xtype: 'textfield',width : 70},'-',
						'协议:',
						{xtype: 'textfield',width : 70},'-',
						{
									text : '刷新',
									tooltip : '刷新',
									iconCls : 'refresh',
									handler : function() {							
									}
						}, '-',{
				            text:'导出',
				            iconCls: 'out', 
				            menu: reportOutMenu  
				        }],
        items: [
        		{
							region: 'north',
							height: 300,
							items : {
						    xtype: 'stackedcolumnchart',
						    store: store1,
						    xField: 'check',
						    xAxis: new Ext.chart.CategoryAxis({
						        title: '设备'
						    }),
						    yAxis: new Ext.chart.NumericAxis({
						        title: "数量"
						    }),
						    series: [{
					        displayName: "当前TCP数量",
					        yField: 'x'
						    },{
					        displayName: "当前UDP数量",
					        yField: 'y'
						    },{
					        displayName: "当前NAT总数量",
					        yField: 'z'
						    }],
						    chartStyle: {
						        padding: 10,
						        legend: {
						            display: 'right'
						        }
						    }
							}
							
						},{
							region: 'center',
							layout : 'fit',
							title:'明细表格',
							items : [grid]
						}
        ]

			});
    
    


	return centerPanel;
}
